body,html{
	height:100%;
	width:100%;
	margin: 0 auto;
	
	
	background-size: 110%;
	
}
.bg{
	width: 100%;
	height: 100%;
}
.QQkglogo{
	position: absolute;
	top:12%;
	left:27%;
}
/******
 * 
 * 
 * **QQ帐号登录*
 * 
 */
.web_login_1{
	position: relative;
	top:23%;
	left:52%;
	width: 414px;
	height: 313px;
	background: white;
	
}
.tite_1{
	padding-top: 10px;
	font-size: 20px;
}
.tite_2>a{
	text-decoration: none;
	color:deepskyblue;
	font-size: 16px;
}
.tite_2{
	padding: 10px;
	color:#666666;
}
input{
	position: relative;
	padding: 5px;
	margin-top: 20px;
	width: 60%;
	height: 10%;
	font-size:14px;
	left:80px;
}
button{
	width: 64%;
	height: 13%;
	position: relative;
	left:18%;	
	background: #86ce2f;
	
}


/***************
 * 
 * 二维码登录
 * 
 * */
.web_login_2{
	position: relative;
	top:23%;
	left:52%;
	width: 414px;
	height: 313px;
	background: white;
	display: none;
}
.tite_1_1{
	font-size: 20px;
	padding-top: 4%;
}
.tite_2_2{
	color: #666666;
	margin-bottom: 2%;
}
.tite_2_2>a{
	color:blue;
	font-size: 16px;
}
center>div{
	width: 32%;
	height: 41%;
	
}
.ptqrshow{
	width: 100%;
	height: 100%;
	border: 1px solid gray;
	margin-bottom: 11%;
}
div>span{
	color: gray;
	font-size: 8px;
}
a{
	text-decoration: none;
}


/*
 * 
 * 下面的 三行
 */
.web_button{
	width: 60%;
	position: relative;
	left:40%;
	top:6%;
}
div>a{
	color:gray;
	font-size: 11px;
}
.bonttom_last{
	position: relative;
	top:40%;
	
}
div>center>a,span{
	font-size: 12px;
	color:white;
	text-decoration: none;
}
